import {StyleSheet} from 'react-native';
import px2dp from '../../utils/px2dp';

const styles = StyleSheet.create({
  container: {flex: 1},
  switch_container: {
    alignItems: 'center',
    justifyContent: 'center',
  },
  switch: {transform: [{scaleX: 0.8}, {scaleY: 0.8}]},
  list_text: {
    fontSize: px2dp(26),
    color: '#333',
  },
  list_container: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
    width: '100%',
    height: px2dp(80),
    backgroundColor: 'red',
  },
  avatar: {
    flexDirection: 'row',
    alignItems: 'center',
    paddingHorizontal: px2dp(43),
    paddingTop: px2dp(30),
    paddingBottom: px2dp(80),
    backgroundColor: '#fff',
  },
  avatar_img: {
    width: px2dp(118),
    height: px2dp(118),
    backgroundColor: '#969696',
    borderRadius: px2dp(59),
    marginRight: px2dp(30),
  },
  avatar_text: {
    fontSize: px2dp(32),
    fontWeight: 'bold',
    color: '#333',
  },
  edit_container: {
    justifyContent: 'center',
    alignItems: 'center',
    marginTop: px2dp(220),
  },
  edit_btn: {
    width: px2dp(610),
    height: px2dp(68),
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#EB0029',
    borderRadius: px2dp(12),
  },
  btn_text: {
    color: '#fff',
    fontWeight: 'bold',
    fontSize: px2dp(32),
  },
  input: {
    flex: 1,
    textAlign: 'right',
    paddingVertical: 0,
  },
});

export default styles;
